@font-face {
    font-family: 'exo_2extra_light';
    src: url('../fonts/exo2-extralight-webfont.eot');
    src: url('../fonts/exo2-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo2-extralight-webfont.woff2') format('woff2'),
         url('../fonts/exo2-extralight-webfont.woff') format('woff'),
         url('../fonts/exo2-extralight-webfont.ttf') format('truetype'),
         url('../fonts/exo2-extralight-webfont.svg#exo_2extra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 22, 2020 */




@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url('../fonts/HelveticaNeue-Light.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Light';
  src:  url('../fonts/HelveticaNeue-Light.woff') format('woff'), url('../fonts/HelveticaNeue-Light.ttf')  format('truetype'), url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{
	color:#fff;
	background: #000;
}
section {
	padding: 50px 0;
}
a:hover, a:active{
	color:#e3b87e;
}
h6{
	font-size: 20px;
	line-height: 20px;
}
input{
	padding: 0;
	margin:0;
}
.merit-font {
	font-family: 'HelveticaNeue-Light';
	letter-spacing: 3px !important;
	
}
#hata {
	color:#fff;
}
.bg-extra-dark-gray{
	background-color: #000;
}
.nav-icon:hover span, .nav-icon.active span{
	background-color: #e3b87e;
}
.swiper-button-next.swiper-next-style4{
	background:#e3b87e;
}
.swiper-button-prev.swiper-prev-style4{
	background:#e3b87e;
}
.sidebar-part1 {
	left:5px;
	top:10px;
}
.sidebar-part2{
	background-color: #000;
	border-right: 1px solid #000;
}
header .sidebar-part2 nav.navbar.bootsnav ul  li  a{
	font-family: 'exo_2extra_light', sans-serif;
	color:#fff;
	font-size: 20px;
}

header nav.navbar .navbar-nav  li  a, nav.navbar.bootsnav ul.nav  li  a {
	color: #fff;
	cursor: pointer;
}

header nav.navbar .navbar-nav  li  a:hover, nav.navbar.bootsnav ul.nav  li  a:hover,
header nav.navbar .navbar-nav  li  a.active, nav.navbar.bootsnav ul.nav  li  a.active,
header nav.navbar .navbar-nav  li.active  a, nav.navbar.bootsnav ul.nav  li.active  a
{
	color:#e3b87e;
}
header nav.navbar .navbar-nav  li.dropdown.on  a, nav.navbar.bootsnav ul.nav  li.dropdown.on  a{
	color:#e3b87e;
}
.header-social-icon a{
	color: #fff;
}
.header-social-icon a:hover{
	color: #e3b87e;
}
a.text-deep-pink-hover:hover, a.text-deep-pink-hover:focus {
	color: #e3b87e!important;
}
.sidebar-part2 .right-bg img {
	top:28%;
	left:5px;
}
.sidebar-part2 .right-bg{
	background-color: #000;
}
.nav-icon span {
	background: #fff;
}
.nav-icon span:hover{
	background: #e3b87e;
}
.text-color-white {
	color:#ccc;
}
.text-color-dark{
	color: #000;
}
.text-color-white:hover {
	color:#e3b87e ;
}
.text-color-brand{
	color: #e3b87e;
}
.bg-deep-pink{
	background-color:#e3b87e; 
}
.text-deep-pink {
	color: #e3b87e;
}
.bg-text-merit{
	background-color:#e3b87e; 
}
.text-large-merit {
	font-size: 14px;
	line-height: 26px;
}
.text-standart-merit{
	font-size: 15px;
}
.footer-logo{
	max-height: 100px;
}
.feature-box:before, .feature-box:after, .feature-box .content:before, .feature-box .content:after{
	background-color: #e3b87e;
}

.left-nav {
	background-color: #000;
}
.text-extra-dark-gray {
	color: #888;
}
.form-border{
	border:1px solid #fff !important;
}
.form-input{
	background-color: #000 !important;
	border:1px solid #fff !important;
	color: #fff;
}
.form-btn{
	background:#000 !important;
	color: #fff !important;
}
.form-btn:hover{
	background-color: #fff !important;
	color: #000 !important;
}
.proje-btn-radius{
	border-radius: 5px;
}
.bg-position-right{
	background-position: right !important;
}
.sidebar-part2 .sidebar-middle{
		padding: 150px 0;
}
.center{
	text-align: center;
}
.extra-small-screen {
	max-height: 150px
}
.merit-lang {
	position: absolute;
	z-index: 999;
	top: 25px;
	right: 5%;
	font-size: 24px;
}
.merit-proje-button {
	font-size: 21px !important;
	line-height: 40px !important;
	padding: 9px 34px !important;
}

.btn {
	color: #fff;
	border:2px solid #fff;
	font-family: 'Roboto', sans serif;
}
.btn-outline-dark:hover {
	border-color: #fff;
}


@media screen and (max-width: 1440px){

	.sidebar-part2 .sidebar-middle{
		padding: 50px 0;
	}
	.sidebar-part2 ul li {
		padding: 10px 0;
	}
	.sidebar-part2 .right-bg img {
	height: 475px;
	}
	
}

@media only screen and (max-width: 768px){

	.sidebar-part1, .bottom-menu-icon {
		width: 35px;
	}
	.sidebar-part3 {
		right: 10px;
	}
	.mobile-display-none{
		display: none !important;
	}
	
	
}